<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/reset.css">
</head>
<body>
    <!-- 头部 -->
    <header>
          <div class="logo">
              <img src="./images/logo.png" alt="">
            </div>
              <nav>
                  <ul>
                      <li>
                          <a href="">
                            <em>主页</em>
                            <span>HOME</span>
                          </a>
                      </li>
                      <li>
                       <a href="">
                        <em>关于</em>
                        <span>ABOUT</span>
                       </a>
                    </li>
                    <li>
                        <a href="">
                            <em>主页</em>
                        <span>HOME</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <em>产品介绍</em>
                        <span>product</span>
                        </a>
                    </li>
                    <li>
                         <a href="">
                            <em>功能</em>
                            <span>function</span>
                         </a>
                    </li>
                    <li>
                        <a href="">
                            <em>产品介绍</em>
                        <span>product</span>
                        </a>
                    </li>
                    
                  </ul>
              </nav>
    </header>
    <!-- banner -->
    <div class="banner">
        <img src="./images/banner.png" alt="">
    </div>
    <!-- 服务serve -->
    <div class="serve-wrap clear_fix">
      <div class="serve-text"></div>
      <div class="serve-l">
          <img src="./images/web1.png" alt="">
          <h2>1.WEB DESIGN</h2>
          <p>企业品牌网站设计/手机网站制作<br>动画网站创意设计</p>
      </div>
      <div class="serve-cl">
        <img src="./images/web1.png" alt="">
        <h2>1.WEB DESIGN</h2>
        <p>企业品牌网站设计/手机网站制作<br>动画网站创意设计</p>
      </div>
      <div class="serve-cr">
        <img src="./images/web1.png" alt="">
        <h2>1.WEB DESIGN</h2>
        <p>企业品牌网站设计/手机网站制作<br>动画网站创意设计</p>
      </div>
      <div class="serve-r">
        <img src="./images/web1.png" alt="">
        <h2>1.WEB DESIGN</h2>
        <p>企业品牌网站设计/手机网站制作<br>动画网站创意设计</p>
      </div>
    </div>
    <!-- case -->
    <div class="case">
        <div class="case-wrap clear_fix">
            <div class="case-text"></div>
            <div class="case-pic">
                <img src="./images/111.png" alt="">
                <img class="aaa" src="./images/222.png" alt="">
                <img src="./images/333.png" alt="">
               
            </div>
            <div class="bb"><p>view more</p></div>
        </div>
    </div>
          <!-- new -->
          <div class="new-wrap clear_fix">
              <div class="new-text"></div>
              <div class="new-ton clear_fix">
                  <div class="bbb">
                  <div class="new-one clear_fix">
                      <div class="new-one-l">
                          <p>09</p>
                          <span>Jan</span>
                      </div>
                      <h2>网站排名进入前三的技巧说明</h2>
                      <h3>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎 首页，更不用说进首页前三了。那么网站优...</h3>
                  </div>
                  <div class="new-two">
                    <div class="new-one-l">
                        <p>09</p>
                        <span>Jan</span>
                    </div>
                    <h2>网站排名进入前三的技巧说明</h2>
                    <h3>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎 首页，更不用说进首页前三了。那么网站优...</h3>
                  </div>
                  <div class="new-three">
                    <div class="new-one-l">
                        <p>09</p>
                        <span>Jan</span>
                    </div>
                    <h2>网站排名进入前三的技巧说明</h2>
                    <h3>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎 首页，更不用说进首页前三了。那么网站优...</h3>
                  </div>
                  <div class="new-four">
                    <div class="new-one-l">
                        <p>09</p>
                        <span>Jan</span>
                    </div>
                    <h2>网站排名进入前三的技巧说明</h2>
                    <h3>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎 首页，更不用说进首页前三了。那么网站优...</h3>
                  </div>
              </div>
            </div>

          </div>
          <!-- footer -->
          <footer>
              <div class="footer-wrap">
                <p>Copyright 2006- 2014 Bowenshangmei 
                    Culture All Rights Reserved</p>
               <ul class="hhh">
                <li>
                    <a href="">Home</a>
                </li>
                <li>
                    <a href="">Home</a>
                </li>
                <li>
                    <a href="">Home</a>
                </li>
                <li class=" vvv border_none">
                    <a href="">Home</a>
                </li>
            </ul>
            </div>
          </footer>
</body>
</html>